<template>
    <div style="height:100%;position: relative;" ref='fa'>
        <div class="process node-font"></div>
        <div class="box1">条件节点</div>
    </div>
</template>
<script>
export default {

    setup () {

    }
}
</script>
<style lang="less" scoped>
@import "../../../../../assets/css/variable.less";

.process{
    width: 100%;
    height: 100%;
    clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%);
    box-sizing: border-box;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background: @primary-color;
}

.box1{
    z-index: 10;
    width: 100%;
    height: 100%;
    clip-path: polygon(50% 1px,~'calc(100% - 1px)' 50%,50% ~'calc(100% - 1px)',1px 50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
}
</style>
